import React from "react";
import style from "./style.module.scss";

interface PropsType {
  imagePic: string; //医生照片
  doctorName: string; //医生姓名
  jobTitle: string; // 医生职位
  footerText?: React.ReactNode; //底部 自定义组件
}

export const DoctorCard: React.FC<PropsType> = ({
  imagePic,
  doctorName,
  jobTitle,
  footerText,
}) => {
  return (
    <div className={style.wrapper}>
      <dl className={style.content}>
        <dt>
          <img src={imagePic} alt="" />
        </dt>
        <dd>
          <div className={style["doc-info"]}>
            <b>{doctorName}</b>
            <span>{jobTitle}</span>
          </div>
          {footerText}
        </dd>
      </dl>
    </div>
  );
};
